import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

Window {
    width: 300
    height: 200
    visible: true
    title: "Hello World"

    readonly property list<string> texts: ["Hallo Welt", "Hei maailma",
                                           "Hola Mundo", "Привет мир"]

    function setText(){
        var i = Math.round(Math.random()*3)
        text.text = texts[i]
    }

    ColumnLayout {
        anchors.fill: parent // 作用是让当前元素（这里是 ColumnLayout）填满其父元素的整个区域，即与父元素的大小和位置对齐。

        Text {
            id: text  //这个起到给这个text控件命名的目的。其他地方用text来引用这个控件。
            text: "Hello World"
            Layout.alignment: Qt.AlignHCenter
        }
        Button {
            text: "Click me"
            Layout.alignment: Qt.AlignHCenter
            onClicked: setText()
        }
    }
}